<template>
    <div style="padding: 0 6px;">
      <flexbox :gutter="0">
        <flexbox-item >
          <div class="flex-demo" style="width: 100%;">
            <img src="src/assets/images/index/Hotseller/xian.png" alt="" class="img">
          </div>
        </flexbox-item>
        <flexbox-item :span="3"><div class="flex-demo" style="text-align: center">热卖商品</div></flexbox-item>
        <flexbox-item >
          <div class="flex-demo" style="width: 100%;">
            <img src="src/assets/images/index/Hotseller/xian.png" alt="" class="img">
          </div>
        </flexbox-item>
      </flexbox>
      <flexbox :gutter="0">
        <flexbox-item >
          <div class="flex-demo" style="width: 100%;">
            <img src="src/assets/images/index/Hotseller/rmsp-1.png" alt="" class="img">
          </div>
        </flexbox-item>
        <flexbox-item :span="1"><div class="flex-demo"></div></flexbox-item>
        <flexbox-item >
          <div class="flex-demo" style="width: 100%;">
            <img src="src/assets/images/index/Hotseller/rmsp-2.png" alt="" class="img">
          </div>
        </flexbox-item>
      </flexbox>
      <flexbox style="margin-top: 10px">
        <flexbox-item >
          <div class="flex-demo" style="width: 100%;">
            <img src="src/assets/images/index/Hotseller/rmsp-3.png" alt="" class="img">
          </div>
        </flexbox-item>
        <flexbox-item >
          <div class="flex-demo" style="width: 100%;">
            <img src="src/assets/images/index/Hotseller/rmsp-4.png" alt="" class="img">
          </div>
        </flexbox-item>
        <flexbox-item >
          <div class="flex-demo" style="width: 100%;">
            <img src="src/assets/images/index/Hotseller/rmsp-5.png" alt="" class="img">
          </div>
        </flexbox-item>
        <flexbox-item >
          <div class="flex-demo" style="width: 100%;">
            <img src="src/assets/images/index/Hotseller/rmsp-6.png" alt="" class="img">
          </div>
        </flexbox-item>
      </flexbox>
    </div>
</template>

<script>
  import { Flexbox, FlexboxItem, Divider } from 'vux'
  export default {
    name: "HotSellerGoods",
    components: {
      Flexbox,
      FlexboxItem,
      Divider
    },
  }
</script>

<style scoped>
  .img{
    width: inherit;
    height: auto;
    display: block;
  }
</style>
